<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:p="http://primefaces.org/ui">
<h:body>
	<h:head>
		<title>escool</title>
<!-- 		 <link rel="icon" type="image/ico" href="//mail.google.com/favicon.ico" /> -->
	 	 <link rel="publisher" href="https://plus.google.com/103345707817934461425" />
	 	 <LINK href="resources/css/google.css" rel="stylesheet" type="text/css" />
	 	  <style type="text/css">
        .ui-layout, .ui-layout-doc, .ui-layout-unit, .ui-layout-wrap, .ui-layout-bd, .ui-layout-hd{
             border: none;
        }
     body{
		font: 62.5% "Trebuchet MS", sans-serif;
		margin: 50px;
	}
    </style>
	</h:head>


	<p:layout style="min-width:800px;min-height:500px;"  id="layout">
		
		<p:layoutUnit position="center" size="400" maxSize="600">
			<p:graphicImage style="width:600px;position:absolute; right:5px; adding-top:68px; margin-bottom:50px;"  value="resources/img/dreamstime_s_6439292.jpg"/>
		</p:layoutUnit>

<p:layoutUnit position="east" size="400" minSize="400"	maxSize="500">
<p:graphicImage style="width:300px; left:5px;" value="resources/img/logo-escool.jpg"/>
<div class="sign-in" >
<div class="signin-box">
  <h2>Iniciar sesión <strong></strong></h2>
 <h:form id="loginForm">
  
<div class="email-div">
  <label for="Email"><strong class="email-label">Nombre de usuario</strong></label>
  <p:inputText id="username" value="#{loginMgmtBean.userName}" 	required="true"></p:inputText>
  <p:message for="username"></p:message>
</div>

<div class="passwd-div">
  <label for="Passwd"><strong class="passwd-label">Contraseña</strong></label>
  <p:password id="password" value="#{loginMgmtBean.password}" 	required="true" feedback="false"></p:password>
  <p:message for="password"></p:message>  
</div>

<p:commandButton action="#{loginMgmtBean.login}"   value="Iniciar sesión"  id="signIn"	update="loginForm"    ></p:commandButton>
<p:messages id="messages" showDetail="true" autoUpdate="true" closable="true" />      
  <label class="remember" onclick="">
  
  <p:spacer></p:spacer><br/>
  </label>
  <input type="hidden" name="rmShown" value="1" /> 
  	</h:form>
  
</div>
<ul>
  <li>
  <a id="link-forgot-passwd"     href="#"         target="_top">
  ¿No puedes acceder a tu cuenta?
  </a>
  </li>
  </ul>
  </div>
						
			

		</p:layoutUnit>
		
          
    
		
	</p:layout>
<div>
		<hr style="height: 12px; border: 0; box-shadow: inset 0 12px 12px -12px rgba(0,0,0,0.5);"/>
<span style="color:blue">
      ©2013 Escool
    </span>
    </div>

</h:body>
</html>
